<md-content layout-fill>
    <div layout="row" layout-align="center center">
        <div flex="5"></div>
        <div layout="column" flex="90">
            <p style="font-size:x-large;padding-top: 30px;" align="center">— 邀请我的 —</p>

            <!-- 未回答 -->
            <md-card ng-click="getEssayById(essay._id)" class="unAnswered"
                     layout="column"  ng-repeat="essay in allUnAnsweredEssay" >
                <md-card-title>
                    <md-card-title-text>
                        <div layout="row">
                            <span class="md-headline">{{essay.question.title}}</span>
                            <div flex></div>
                            <div layout-align="end end">
                                <span >@{{essay.userId}}</span>
                            </div>
                        </div>
                        <div flex style="height: 30px;"></div>
                        <span class="md-subhead">{{essay.question.sum}}</span>
                    </md-card-title-text>
                </md-card-title>
            </md-card>
            <!-- 已回答 -->
            <md-card ng-click="getEssayById(essay._id)" layout="column"  ng-repeat="essay in allAnsweredEssay" >
                <md-card-title>
                    <md-card-title-text>
                        <div layout="row">
                            <span class="md-headline">{{essay.question.title}}</span>
                            <div flex></div>
                            <div layout-align="end end">
                                <span >@{{essay.userId}}</span>
                            </div>
                        </div>
                        <div flex style="height: 30px;"></div>
                        <span class="md-subhead">{{essay.question.sum}}</span>
                    </md-card-title-text>
                </md-card-title>
            </md-card>
            <div flex></div>
        </div>
        <div flex></div>
    </div>
</md-content>

